<#include "../common/header.htm">
<div class="content-wrapper">
	<section class="content-header">
		<ol class="breadcrumb">
			<li><a href="${ctx}/">首页</a></li>
			<li class="active"><a href="#">充值流水</a></li>
		</ol>
	</section>
	<section class="content">
		<div class="box">
			<form action="${ctx}/payrecord/rechargeflow" method="get" id="listForm">
				<div class="box-header">
					<div class="row RowSearchWork">
						<div class="col-sm-12">
						    <div class="col-sm-2">
								<label>充值类型：</label> 
								<select class="form-control" name="payType">
								   <option value="">请选择</option>
								   <#list payTypeMap as key, value>
										<#if payType?? && key == payType>
											<option value="${key}" selected="selected">${value}</option>
										<#else>
											<option value="${key}">${value}</option>
										</#if> 
								   </#list>
								 </select>
							</div>
						    <div class="col-sm-2">
								<label>充值状态：</label> 
								<select class="form-control" name="payState">
									<option value="">请选择</option>
									<#list payStateMap as key, value>
										<#if payState?? && key == payState?c>
											<option value="${key}" selected="selected">${value}</option>
										<#else>
											<option value="${key}">${value}</option>
										</#if> 
									</#list>
								</select>
							</div>
							<div class="col-sm-3">
								<input type="text" class="form-control" placeholder="请输入公司名称" name="companyName" value="${companyName!}"/>
							</div>
							<div class="col-sm-1">
								<input type="button" class="btn btn-default btn-search" onclick="payRecords.query()" value="查询" />
							</div>
						</div>
					</div>
				</div>
				<div class="box-body">
					<table class="table table-hover table-bordered table-striped table-manage">
						<thead>
							<tr>
								<th style="width: 80px;">序号</th>
								<th>流水号</th>
								<th>公司名称</th>
								<th>充值方式</th>
								<th>充值金额（元）</th>
								<th>充值时间</th>
								<th style="width: 100px;">状态</th>
							</tr>
						</thead>
						<tbody>
							<#list page.content as p>
								<tr>
									<td>${page.size * page.number + p_index+1}</td>
									<td>${p.outTradeNo!}</td>
									<td>${p.companyName!}</td>
									<td><@mymacro.mapGet payTypeMap p.payType></@mymacro.mapGet></td>
									<td>${p.payMoney!}</td>
									<td><@mymacro.dateFormat p.payTime></@mymacro.dateFormat></td>
									<td><@mymacro.mapGet payStateMap p.payState></@mymacro.mapGet></td>
								</tr>
							</#list>
						</tbody>
					</table>
					<#include "../common/page.htm">
				</div>
			</form>
		</div>
	</section>
</div>

<script type="text/javascript">
	$('.select2').select2();
	$.fn.modal.Constructor.prototype.enforceFocus = function() {};
	
	var is_submit=false;
	var payRecords = {
		query : function() {
			$(":input[name='pageNumber']").val(0);
			$("form").submit();
		}
	}
</script>
<#include "../common/footer.htm">